<template>
	<section>
		<x-header v-if="isAuth"></x-header>
		<section class="box-holder" v-if="isAuth">
	      <nav-menu></nav-menu>
	      <div class="page-container">
	      	<transition name="fade">
				<keep-alive>
					<router-view></router-view>
				</keep-alive>
	      	</transition>
		  </div>
	    </section>
	</section>
</template>
<script>
import xHeader from "./components/header"
import NavMenu from "./components/page/navmune"
export default {
	data(){
		return {
			"planUserName":"admin",
			"isAuth":true
		}
	},
	components:{xHeader,NavMenu}
}
</script>
<style>
	@import 'css/lib/bootstarp/bootstrap.css';
	@import 'css/font-awesome.css';
	.box-holder {
		min-height: 1200px !important;
	}
	.navbar-brand{
		float: none;
	}
	.nav > li > a{
		    padding: 15px 15px;
	}
	.page-container{
		position: absolute;left: 200px;right: 0;top: 0;bottom: 0;padding: 10px;
	}
</style>
